<template>
  <a-descriptions title="既往病史" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="低血糖发生史" :span="2" v-if="report.hypoglycemiaIsExistText !== null">
      <p>确诊情况： {{ report.hypoglycemiaIsExistText }}</p>
      <p>频率： {{ report.hypoglycemiaFrequency }}</p>
      <p>原因： {{ report.hypoglycemiaCause }}</p>
      <p>症状： {{ report.hypoglycemiaSymptom }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病酮症酸中毒发生史" :span="2" v-if="report.ketoacidosisText !== null">
      <p>确诊情况： {{ report.ketoacidosisText }}</p>

      <p>原因： {{ report.ketoacidosisCause }}</p>
      <p>程度： {{ report.ketoacidosisDegreeText }}</p>
      <p>发生频率： {{ report.ketoacidosisFrequency }}</p>
      <p>尿胴体检查： {{ report.ketoacidosisUrineKetoneText }}</p>
      <p>血胴体检查： {{ report.ketoacidosisBloodKetone }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病高渗综合征发生史" :span="2" v-if="report.dnhsText !== null">
      <p>确诊情况： {{ report.dnhsText }}</p>
      <p>频率： {{ report.dnhsFrequency }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="糖尿病乳酸酸中毒发生史" :span="2" v-if="report.lacticAcidosisText !== null">
      <p>确诊情况： {{ report.lacticAcidosisText }}</p>
      <p>频率： {{ report.lacticAcidosisFrequency }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="其他原因导致肾脏疾病" :span="2" v-if="report.kidneyText !== null">
      <p>确诊情况： {{ report.kidneyText }}</p>

      <p>所患肾脏疾病： {{ report.kidneyDisease }}</p>
      <p>所患肾脏疾病确诊日期： {{ report.kidneyDiseaseDate }}</p>
      <p>所患肾脏疾病相关检查： {{ report.kidneyData }}</p>
    </a-descriptions-item>
    <a-descriptions-item label="其他病史" :span="2" v-if="report.otherDiseaseOther !== null">
      <p>
        {{ report.otherDiseaseOther }}
      </p>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Anamnesis',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>
